<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
      table{
        width: 80%;
        border: 2px solid gray;
        border-collapse: collapse;
      }
      td{
        border: 1px solid gray;
      }
    </style>
</head>
<body>
  <h1>HELLO Wrold!</h1>
  <button>test</button>

  <table>
    <tbody>

    </tbody>
  </table>
<script>
  let url="http://localhost:4500/accounts"
  let btn=document.querySelector("button")
  let tbody=document.querySelector("table>tbody")
  btn.addEventListener("click",()=>{
    fetch(url)
    .then(resp=>resp.json())
    .then(accounts=>{
      accounts.forEach(ac => {
          let tr=document.createElement("tr")
          let td1=document.createElement("td");
          let td2=document.createElement("td");
          td1.innerHTML=ac.name
          tr.appendChild(td1)
          td2.innerHTML=ac.balance;
          tr.appendChild(td2)
          tbody.appendChild(tr)

      });
    })
  })

  // Vue/React
</script>
</body>
</html>